import { defineComponent, h, renderSlot } from "vue"
import UiCheckGroup from "vue-handless-ui/src/CheckGroup"
import UiCheck from "vue-handless-ui/src/Check"
import "./index.scss"

export let OteCheckGroup = defineComponent({
    name: "OteCheckGroup",
    components: {
        UiCheckGroup
    },
    setup(_, { slots }) {
        return () => {
            return h(UiCheckGroup, {
                class: "ote-check-group"
            }, {
                default: () => [renderSlot(slots, "default", {})]
            })
        }
    }
})

export let OteCheck = defineComponent({
    name: "OteCheck",
    components: {
        UiCheck
    },
    setup(_, { slots }) {
        return () => {
            return h(UiCheck, {
                class: "ote-check"
            }, {
                default: () => [h("span", {
                    class: "ote-check-icon"
                }, []), renderSlot(slots, "default", {})]
            })
        }
    }
})